<template>
  <div class="dialog">
    <el-dialog
      title="设备模型详情"
      :visible.sync="showDialog"
      width="55%"
      top="0"
      :close-on-click-modal="false"
      @close="cancel"
    >
      <el-table
        highlight-current-row
        :data="equModelTemplateList"
        stripe
        border
        height="100%"
        style="position: relative"
      >
        <el-table-column type="index" label="序号" width="50" />
        <el-table-column prop="templateCode" label="模板编号" />
        <el-table-column prop="paramName" label="参数名称" />
        <el-table-column label="参数字段值" prop="paramValue" />
      </el-table>
      <div slot="footer" class="dialog-footer">
        <el-button class="cancelbtn" @click="cancel()">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>

export default {
  name: '',
  components: { },
  props: {
    show: {
      type: Boolean,
      default: false
    },
    equModelTemplateList: {
      type: [Array],
      default: () => {
        return []
      }
    }
  },
  data() {
    return {
      showDialog: this.show
    };
  },

  watch: {
    show(v) {
      this.showDialog = v;
    }
  },
  created() {
  },
  mounted() {
  },
  methods: {
    cancel() {
      this.$emit("cancelDialog");
    }
  }
};
</script>

<style lang="scss" scoped>
::v-deep .el-table th{
  color:#000 !important;
  background-color: rgba(120, 182, 193, 0.4) !important;
}
::v-deep .el-table {
  color:#000 !important;
}
::v-deep .el-table .el-table__row--striped{
  color:#000;
  background-color: rgba(186, 186, 186, 0.4) !important;
}
::v-deep.el-table td, .el-table th.is-leaf,.el-table--border, .el-table--group, .el-table th.is-leaf{
  border-color: #D3D3D3 !important;
}
::v-deep .el-table th.is-leaf{
  border-color: #D3D3D3 !important;
}
::v-deep .el-table__empty-text{
  color: #000;
}
</style>
